/* 1. Author CSS */
body {
    color: $body-text;
    font-family: $body-font;
    font-weight: 400;
}
h1 {
    color: $heading-text;
    text-transform: uppercase;
    font-family: $heading-font;
    font-size: 50px;
    font-weight: 700;
}
h2 {
    color: $heading-text;
    font-family: $heading-font;
    font-size: 36px;
    font-weight: 600;
}
h3 {
    color: $heading-text;
    text-transform: capitalize;
    font-family: $heading-font;
    font-size: 20px;
    font-weight: 600;
}
h4 {
    color: $heading-text;
    font-family: $heading-font;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
}
h5 {
    color: $body-text;
    font-family: $body-font;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}
h6 {
    color: $body-text;
    font-family: $body-font;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
}
input:focus,
textarea:focus {
    outline: none;
}